<template>
  <div class="home_box">
    <userInfo />
    <functionSection :section="functions" />

    <functionSection :section="settings" />
    <Tabbar />
  </div>
</template>
<script setup>
import { ref } from 'vue'
import functionSection from '@/components/layout/functionSection.vue'
import userInfo from '@/components/layout/userInfo.vue'

const functions = ref([{
  id: 1,
  icon: 'balance-list',
  text: '福利记录',
},
{
  id: 2,
  icon: 'todo-list',
  text: '活动记录',
},
{
  id: 3,
  icon: 'records',
  text: '我的申请',
},
{
  id: 4,
  icon: 'bell',
  text: '我的消息',
}])

const settings = ref([{
  id: 1,
  icon: 'setting',
  text: '账号设置',
},
{
  id: 2,
  icon: 'info',
  text: '隐私政策',
},
{
  id: 3,
  icon: 'manager',
  text: '退出登录',
}])
</script>



<style>
/* User information section */
</style>
